@import './app/@shared/styles/custom-theme.scss';

html,
body {
  height: 100%;
}

.devui-dropdown-menu {
  .devui-dropdown-item {
    font-size: $devui-font-size;
    color: $devui-text;

    .icon {
      font-size: $devui-font-size;
      margin-right: 8px;
    }

    .da-language-prefix {
      margin-right: 8px;
    }
  }

  .da-active-lang .devui-dropdown-item {
    color: $devui-list-item-active-text !important;
    background-color: $devui-list-item-active-bg !important;
  }
}

@media only screen and (max-width: 1023px) {
  .modal-dialog {
    max-width: 400px !important;
  }
}
html {
  font-size: 62.5% !important; /* 10÷16=62.5% */
}
@media only screen and (min-width: 481px) {
  html {
    font-size: 94% !important; /* 15.04÷16=94% */
  }
}
@media only screen and (min-width: 561px) {
  html {
    font-size: 109% !important; /* 17.44÷16=109% */
  }
}
@media only screen and (min-width: 641px) {
  html {
    font-size: 125% !important; /* 20÷16=125% */
  }
}
@media only screen and (min-width: 320px) {
  html {
    font-size: 62.5% !important;
  }
}
@media only screen and (min-width: 360px) {
  html {
    font-size: 72.5% !important;
  }
}
@media only screen and (min-width: 400px) {
  html {
    font-size: 82.5% !important;
  }
}
@media only screen and (min-width: 480px) {
  html {
    font-size: 94% !important;
  }
}
